<template>
	<view class="main">
		<view class="jx">
			<view style="margin-top: 30px;font-size: 20px">短信验证码已经发送到</view>
			<view style="font-size: 20px;">188****8766</view>
			<input placeholder="请输入验证码" style="margin-top: 40px;box-shadow:0px 1px #666ee8;padding-bottom: 14px;width: 90%;"/>
		</view>
		<button class="button">提交</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.main{
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.jx{
		width: 100%;
		height:120px;
		border-radius:3px;
		margin-top: 10px;
		/* margin-left: 50px; */
		display: flex;
		flex-direction: column;
		/* justify-content: space-between; */
		align-items:center;	
	}
	
	.button{
		width: 90%;
		height: 40px;
		background-color: #666ee8;
		color: white;
		margin-top: 90px;
		border-radius: 25px;
		
	}
</style>
